<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>创做</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">

    <link rel="stylesheet" href="./css/pr.css">
</head>

<body>
    <!-- 上方用户信息菜单区域 -->

    <div class="p-2 menus">
        <div class="m-2 jg fs">
            <!-- 排版用,无内容 -->
            <div></div>
            <!-- src用户头像加载前展示图片 -->

            <div>
                <img id="imgLogo1" src="./img/tp10.jpg" alt="">
            </div>

            <!-- 返回首页 -->
            <div>
                <span id="sy" class="sb">首页</span>

            </div>

        </div>

        <!-- 搜索框 -->
        <div class="m-2 jg2 main">
            <div class="btn-group">
                <input type="text" class="form-control" placeholder="想了解什么呢" size="20">
                <button type="text" class="input-group-text">搜索</button>
            </div>
        </div>

        <!-- 上方右边展示 -->
        <div class="m-2 jg fs">
            <!-- 未登录展示图片为登录.登录则展示个人头像,将title值清空 -->

            <div class="menu">
                <!-- 图片 -->
                <div>
                    <img id="imgLogo2" src="./img/tp10.jpg" alt="">
                </div>


            </div>
        </div>

    </div>

    <!-- 内容 -->
    <div class="dys">
        <div class="s">
            <div class="p-2 pl">
                <div class="zjnr">
                    <div>
                        <h5 class="m-3">写文章</h5>
                    </div>

                </div>

                <div class="m-2">
                    <input id="bt" type="text" class="form-control" placeholder="请输入标题,最多十个字" size="20">
                </div>



                <div class="content">

                    <textarea class="m-2 new-content pl6" name="newcontent" id="nr" placeholder="评论内容请输入5000字以内" onkeyup="countContent(this)" maxlength="5000">
                    </textarea>


                </div>

                <div class="m-3 y">
                    <button id="fb" type="button" class="btn btn-primary">
                        发布
                    </button>
                </div>


            </div>
        </div>
    </div>


    <!-- 公用消息轻提示 -->
    <div class="toast-container position-fixed bottom-0 end-0 p-3">
        <div id="liveToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
            <div class="toast-header">
                <strong class="me-auto">服务器消息</strong>
                <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
            </div>
            <div class="toast-body">
                Hello, world! This is a toast message.
            </div>
        </div>
    </div>
    <!-- 公用消息轻提示结束 -->








    <script src="./js/popper.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>

    <script src="./js/pr.js" type="module"></script>
</body>

</html>